<!DOCTYPE html>
<html>
<head>
<title>Booze Dot WA App</title>

<link href="default.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Questrial|Droid+Sans|Alice' rel='stylesheet' type='text/css'>

<script src="cordova-1.9.0.js" type="text/javascript" charset="utf-8"></script>
<script src="prototype.js" language="javascript" type="text/javascript"></script>
<script src="utils.js" language="javascript" type="text/javascript"></script>
<script src="page.js" language="javascript" type="text/javascript"></script>

</head>

<body>
	<a id="top" name="top"></a>	
	
	        
<div id="content">
	
<h1 id="title"><img class="dsR12" src="title.png" alt="BoozeDotWa"></h1>
		
<div class="center"> <!-- doh! 00 it's back -->
<!-- initialize form and hidden fields for math -->
<form onSubmit="page.submit(); return false;" id="myForm" onkeypress="return event.keyCode != 13;"> 
<input type="hidden" name="spirit_sales_tax" id="spirit_sales_tax" value="0.205" /> 
<input type="hidden" name="sprit_liter_tax" id="sprit_liter_tax" value="3.7708" />


<p>
	<label for="shelf_price" class="price_label"> 
	What's the shelf price? </label>
	<input name="shelf_price" id="shelf_price" required="required" 
	placeholder="say $12.99?" onChange="page.submit()" 
	return="return" type="number">
</p>
			
			
		
<p>
	<label for="bottle_size" class="bottle_label"> 
	What size bottle? </label>

	<select name="bottle_size" id="bottle_size"  
	onchange="page.submit()" ;=";" return="return" false;="false;" >
	<!-- option styling is hard to do -->
	<option value="0.050">50ml (Airplane bottle)</option>
	<option value="0.375">375ml (Pint)</option>
	<option selected="selected" value="0.750">750ml (Fifth)</option>
	<option value="1.00">1L (Liter)</option>
	<option value="1.75">1.75L (Half Gal.)</option>
	<option value="0.400">400ml (Hard to find)</option>
	<option value="0.900">900ml (Uncommon)</option>
	</select>
</p>
		
<p>
	<label for="take_home_price" class="takehomeprice_label">
	How much your booze will cost: </label>

	<textarea name="take_home_price" id="take_home_price" ></textarea> 
                                            
</p>
                                            
		
		
</form>

</div><!-- class center -->




<table class="dsR75" border="0" cellspacing="0" cellpadding="0">

<tbody>
<tr> <td class="dsR75" colspan="3">
	
	<div onclick="openClose('a1')">
		  <br />
		  <p><a href="#about">How does this work?</a></p>
								
		<a id="about" name="about"></a>
	
	<div id="a1" class="texter" style="font-family:georgia">
								
								
		<span class="ds13"><p> Retail stores in Washington State are 
		only required to post the pre-tax price of liquor.  Use the 
		calculator above to figure out how much your booze will really 
		cost.</p></span>
			<br />
		<span class="ds13">There are two types of spirits taxes: </span>
j
		<span class="ds14">Spirits Sales Tax (SST):</span>
		<span class="ds13"><p>This tax is based on the selling price 
		of spirits in their original package.  Spirits sales tax rate 
		paid by the general public: 20.5%.</p></span>

		<br />
		<span class="ds14">Spirits Liter Tax (SLT):</span>
		<span class="ds13"><p>This tax is based on the volume of the 
		spirits being sold in the original package. Spirits liter tax 
		rate paid by the general public: $3.7708 per liter.</p></span>
		<br />
											
	<div onclick="openClose('a1')" style="cursor:hand; cursor:pointer; font-family:georgia">
	<div align="center">
												
		<a href="#">Bastards.</a><br />
		<br />
		<br />
		<br />
		</div>
									
	
		
	</div>
							
	</div><!-- onclick open close -->						
								
</td>
</tr>
</table> <!-- sad -->

				
	

</div><!-- id=content -->			
	
	<script type="text/javascript" src="http://debug.phonegap.com/target/target-script-min.js#6971f0c4-caee-11e1-8a6b-1231391c98a7"></script>
	</body>
</html>
